.bill-material-approval {
  height: 100%;
  padding: 0 10px;
  min-width: 800px;
  min-height: 400px;
}

.bill-material-approval .bill-material-info {
  height: calc(100% - 50px);
  overflow: auto;
  display: flex;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.bill-material-approval .bill-material-info>div.bill-material-info-content {
  flex: 1;
  height: 100%;
  overflow: auto;
}

.bill-material-approval .bill-material-info>div.line {
  margin: 0 5px;
  border-right: 1px solid #cccccc;
}

.bill-material-approval .bill-material-btns{
  text-align: center;
  padding-top: 5px;
}

.bill-material-approval .bill-material-approval-table{
  height: 100%;
}

.bill-material-approval .material-approval-title {
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
  height: 25px;
  line-height: 20px;
}

.bill-material-approval .material-approval-table-div{
  height: calc(100% - 35px);
  overflow: auto;
}

.bill-material-approval .material-approval-table-div .el-table .mode-add td{
  background: #409EFF;
}

.bill-material-approval .material-approval-table-div .el-table .mode-add td.update-cell{
  background: #67C23A;
}

.bill-material-approval .material-approval-table-div .el-table .mode-delete td{
  background: #F56C6C;
}